{extend name="public/base" /}
{block name="head"}
    <meta charset="UTF-8">
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <link href="__resource_path__/ui-framework/easyui-1.5.2/themes/metro/easyui-c5a176a3d4.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/easyui-1.5.2/themes/icon-77a4ded0c8.css" rel="stylesheet" />

    <link href="__resource_path__/ui-framework/bootstrap/3.0.3/css/bootstrap-a067b6d831.min.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/bootstrap-daterangepicker/css/daterangepicker-886dba62c4.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/font-awesome/css/font-awesome-a81d284b37.css" rel="stylesheet" />

    <link href="__resource_path__/ui-framework/admin-lte/css/AdminLET-7d58b99a7e.css" rel="stylesheet" />
    <link href="__static_path__/css/base-dc47892812.css" rel="stylesheet" />

    <link href="__resource_path__/ui-framework/jason/searchbox/css/searchbox-398327fb84.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/jason/pager/css/pager-f077f5e880.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/jason/status/css/status-5f59ab3856.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/jason/selector/css/selector-23060c280e.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/jason/button/css/button-5ef10c798a.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/jason/orderarrow/css/orderarrow-dcf8eba7d1.css" rel="stylesheet" />

    <link href="__static_path__/css/table-0e491bc98f.css" rel="stylesheet" />
    <link href="__static_path__/css/easyui-ext-372f902530.css" rel="stylesheet" />

{/block}
{block name="content"}
        <section class="content">

            <div class="container" style="width:100%;">
                <form action="{:url('complete')}" method="get" class="search">
                <div class="row">
                    <ul>
                        <li class="fl h31 ml10">完成时间：</li>
                        <li class="fl">
                            <input type="text" class="form-control" id="dateRange" style="width:200px"  value="<?php if(isset($_GET['date'])){ echo $_GET['date']; } ?>" name="date">
                        </li>
                        <li class="fl h31 ml10">代练员：</li>
                        <li class="fl">
                            <select name="mid" class="easyui-combobox combobox-f combo-f textbox-f" id="levelingStaff" style="width: 200px">
                                <option value="">请选择</option>
                                {foreach $mids as $vo}
                                <option value="{$vo.id}">{$vo.username}</option>
                                {/foreach}
                            </select>
                        </li>
                        <li class="fl h31 ml10">订单编号：</li>
                        <li class="fl">
                            <input class="easyui-textbox textbox-f" id="orderNo" style="display: none;" name="number" value="<?php if(isset($_GET['number'])){ echo $_GET['number']; } ?>">
                        </li>
                        <li class="fl h31 ml10">
                            <a class="btn-action" id="btnSearch">查询</a>
                        </li>
                        <li class="fl h31 ml10">
                            <a class="btn-action" id="btnClear">清空</a>
                        </li>
                        <li class="fl h31 ml10">
                            <a class="btn-action" id="btnGenBill">生成结算单据</a>
                        </li>
                    </ul>
                </div>
                </form>
                <div class="row">
                    <table class="order mt10">
                        <tbody><tr class="header">
                            <td style="width:50px;">#</td>
                            <td>订单号</td>
                            <td>游戏区服</td>
                            <td>角色名</td>
                            <td>代练内容</td>
                            <td>代练价格</td>
                            <td>完成时间</td>
                            <td>代练员</td>
                        </tr>
                        </tbody><tbody id="orders">
                    {empty name="data"}
                        <tr class="project">
                            <td colspan="8">暂无数据</td>
                        </tr>
                    {else /}
                    {foreach $data as $vo}
                        <tr class="project">
                            <td style="width:50px;">{$vo.id}</td>
                            <td>{$vo.number}</td>
                            <td>{$vo.server}</td>
                            <td>{$vo.role}</td>
                            <td>{$vo.content}</td>
                            <td>{$vo.orderpeice}</td>
                            <td>{$vo['time']/86400}天</td>
                            <td>{:getMid($vo['mid'])}</td>
                        </tr>
                    {/foreach}
                    {/empty}
                    </tbody>
                        <tfoot>
                        <tr class="footer">
                            
                        </tr>
                        </tfoot>
                    </table>
                    <div id="pager" class="fr">
                        {$data->render()}
                      </div>
                </div>
            </div>
        </section>
{/block}
{block name="script"}
<script src="__resource_path__/libs/jquery/jquery-1-4ed679c998.11.3.min.js"></script>
<script src="__resource_path__/libs/ajaxfileupload-20caa375ef.js"></script>
<script src="__resource_path__/ui-framework/bootstrap/3.0.3/js/bootstrap-7b3098bda9.min.js"></script>
<script src="__resource_path__/ui-framework/bootstrap-daterangepicker/js/moment-zh_cn-3d8809ccd6.js"></script>
<script src="__resource_path__/ui-framework/bootstrap-daterangepicker/js/daterangepicker-bca1a72d19.js"></script>
<script src="__resource_path__/ui-framework/admin-lte/app-bf15eda982.js"></script>

<script src="__resource_path__/ui-framework/easyui-1.5.2/jquery-623c7c7acd.easyui.min.js"></script>
<script src="__resource_path__/ui-framework/easyui/plugins/jquery-1db0d9c758.checkbox.js"></script>
<script src="__resource_path__/ui-framework/jason/searchbox/searchbox-3fc48f72fe.js"></script>
<script src="__resource_path__/ui-framework/jason/pager/pager-0646a093e8.js"></script>
<script src="__resource_path__/ui-framework/jason/status/sky-2d329149af.tools.status.js"></script>
<script src="__resource_path__/ui-framework/jason/screenshot-paste-0b91b6bd4a.js"></script>
<script src="__resource_path__/ui-framework/jason/selector/selector-a0b18d2070.js"></script>
<script src="__resource_path__/ui-framework/jason/button/button-71f76513c7.js"></script>
<script src="__resource_path__/ui-framework/jason/orderarrow/orderarrow-1bbd8bcec2.js"></script>
<script src="__resource_path__/libs/clipboard-892cfb62e7.min.js"></script>
<script src="__resource_path__/libs/template-2d62718262.js"></script>
<script src="__resource_path__/libs/jquery-d833fe9e58.cookie.js"></script>
<!-- <script src="__resource_path__/libs/common-21f077db5b.js"></script> -->
<script src="__resource_path__/libs/tools-4754a28493.js"></script>
<script src="__resource_path__/libs/basePage-d30d50f2ce.js"></script>

<!-- <script src="__static_path__/js/order-627da7e816.js"></script> -->
<script src="__static_path__/js/order-settlement-f60750391d.js"></script>
<script src="__static_path__/js/layer/layer.js"></script>
<script type="text/javascript">
    $().ready(function () {
        var url = $('#hdnURL').val();

        $('.sidebar .treeview').each(function (index, item) {
            var btn = $(this).children("a").first();
            var menu = $(this).children(".treeview-menu").first();

            $(this).find('a').each(function (index, item) {
                if ($(item).attr('href') == url) {
                    menu.show();
                    btn.children(".fa-angle-left").first().removeClass("fa-angle-left").addClass("fa-angle-down");
                }
            });
        });
    });

$("#dateRange").daterangepicker(
    {
    showDropdowns:!0,
    timePicker:!0,
    timePicker24Hour:!0,
    timePickerIncrement:5,
    autoApply:!0,
    startDate:$("#startDate").val(),
    endDate:$("#endDate").val(),
    locale:
    {
    direction:"ltr",
    format:"YYYY/MM/DD HH:mm",
    separator:" - ",
    applyLabel:"确定",
    cancelLabel:"取消",
    fromLabel:"From",
    toLabel:"To",
    customRangeLabel:"自定义",
    daysOfWeek:["日","一","二","三","四","五","六"],
    monthNames:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],
    firstDay:1
    },
    linkedCalendars:!1,
    alwaysShowCalendars:!1,
    opens:"right"
    },function(e,t,i){
        
    });
$("#tabStatus li").click(function(res){
    $("#tabStatus li").removeClass("selected");
    $(this).addClass("selected");
    var id = $(this).attr("data-options");
});
$('#btnSubmit').click(function(){
    $('.ajax-form').submit();
})


$("#on-tags").hover(function(){
  $(this).siblings("#hide-tags").show();
});
$("#on-orther").hover(function(){
  $(this).siblings("#hide-orther").show();
});

$('#btnSearch').click(function(){
    $('.search').submit();
})

$('#btnClear').click(function(){
    $('.search input').val('');
})

$('#btnGenBill').click(function(){
    var date = '{$_GET["date"]?$_GET["date"]:0}'
    var mid = '{$_GET["mid"]?$_GET["mid"]:0}'
    var number = '{$_GET["number"]?$_GET["number"]:0}'
    $.post('{:url("createBill")}',{date:date,mid:mid,number:number},function(res){
         if (res.code==1) {
            layer.msg(res.msg);
            window.parent.location.reload();
          }else{
             layer.msg(res.msg);
          }
     })
})
</script>
{/block}